<!--
 * @Author: zhangxiangsheng 1026583651@qq.com
 * @Date: 2024-04-07 14:48:25
 * @LastEditors: 花香蝶自来 1026583651@qq.com
 * @LastEditTime: 2024-05-27 21:23:44
 * @FilePath: \crm\pages\index\components\rllist.vue
 * @Description: 
 * 
 * Copyright (c) 2024 by ${git_name_email}, All Rights Reserved. 
-->
<template>
  <view class="conents">
    <view class="item" v-for="(item, index) in list" :key="index">
      <view class="text">{{ item.name }}</view>
      <view class="t">{{ item.startTime }}</view>
      <!-- - {{ item.endTime }} -->
    </view>
  </view>
</template>

<script>
import dayjs from "@/uni_modules/uview-ui/libs/util/dayjs.js";
import { getCalendarList } from '@/apis/customer'
export default {
  props: {
    list: {
      typeof: Array,
      default: () => {
        return []
      }
    }
  },
  data() {
    return {
      show: true,

    };
  },
  mounted() {
    // this.init();
    // this.getSchedule();
  },
  methods: {
    init() {
      // console.log(dayjs().startOf("week").format("YYYY-MM-DD"));
    },
    // 获取日程
    async getSchedule() {
      // const body = {
      //   types: 1
      // }
      // const res = await getCalendarList(body)
      // this.list = res.records||[]
    }
  },
};
</script>

<style lang="scss" scoped>
.item {
  background: linear-gradient(to right, #f7f8f8, #ffffff);
  height: 120rpx;
  display: flex;

  flex-direction: column;
  justify-content: space-around;
  padding: 16rpx 0;
  padding-left: 30rpx;
  border-left: 6rpx solid $color-red1;
  margin: 16rpx 0;

  .text {
    color: rgba(8, 13, 31, 1);
    font-size: 28rpx;
  }

  .t {
    color: rgba(131, 133, 137, 1);
    font-size: 24rpx;
  }
}
</style>
